<div xmlns="http://www.w3.org/1999/xhtml"
     xmlns:ui="http://java.sun.com/jsf/facelets"
	 xmlns:h="http://java.sun.com/jsf/html"
     xmlns:f="http://java.sun.com/jsf/core"
     xmlns:p="http://primefaces.org/ui">
<ui:composition template="template/basic/desktop.xhtml">
<ui:define name="title">Manager Panel</ui:define>             
<ui:define name="main_body">

<p:layout id="manager-panel-full-layout" fullPage="true" widgetVar="managerPanelFullLayoutWdgt">  
    <p:layoutUnit id="manager-panel-center-layout" position="center" size="600">
		<p:tabView id="manager-panel-main-tabs" 
				   widgetVar="managerPanelMainTabs" 
				   dynamic="true" cache="false" 
				   activeIndex="#{managerPanelController.mainTabActiveIndex}" 
				   style="height:99%;margin: 0;padding: 0;">
			<p:ajax event="tabChange" listener="#{managerPanelController.onMainTabChangeListener}"/>

		    <p:tab title="Accounting">
		    	<ui:include src="layout/mp/accounting.xhtml"/>
		    </p:tab>
		    
		    <p:tab title="Table Management" disabled="true">
		    	To be implemented in the futur version...
		    </p:tab>
		    
		    <p:tab title="Item Management" disabled="true">
		    	To be implemented in the futur version...
		    </p:tab>
		    
		    <p:tab title="System Administration" disabled="true">
		    	To be implemented in the futur version...
		    </p:tab>
		    
		    <p:tab title="About" disabled="false">
				<ui:include src="layout/mp/about.xhtml"/>
		    </p:tab>
		</p:tabView>
    </p:layoutUnit>
</p:layout>


	<p:ajaxStatus style="width:16px;height:16px;position:fixed;left:5px;bottom:5px"> 
		<f:facet name="start">
	    	<h:graphicImage value="#{resource['image:loading.gif']}" alt="loading" />
	    </f:facet>
	    <f:facet name="complete">  
	        <h:outputText value="" />  
	    </f:facet>
	</p:ajaxStatus>
</ui:define>		
</ui:composition>
</div>